<template>
  <div class="footerbox">
    <div class="label">
   <ul class="enter">
     <li class="p1"><span class="tt">音乐开放平台</span></li>
     <li class="p2"><span class="tt">云村交易所</span></li>
     <li class="p3"><span class="tt">Amped Studio</span></li>
     <li class="p4"><span class="tt">X Studio虚拟歌手</span></li>
     <li class="p5"><span class="tt" >用户认证</span></li>
     <li class="p6"><span class="tt">音乐交易平台</span></li>
     <li class="p7"><span class="tt">云推歌</span></li>
     <li class="p8"><span class="tt">赞赏</span></li>
   </ul>
    </div>
    <div class="copy">
      <p>
        <span class="link">服务条款</span>
        <span class="link">|</span>
        <span class="link">隐私政策</span>
        <span class="link">|</span>
        <span class="link">儿童隐私政策</span>
        <span class="link">|</span>
        <span class="link">版权投诉</span>
        <span class="link">|</span>
        <span class="link">投资者关系</span>
        <span class="link">|</span>
        <span class="link">广告合作</span>
        <span class="link">|</span>
        <span class="link">联系我们</span>


      </p>
      <p>
        <span class="link">廉正举报</span>
        <span class="link">不良信息举报邮箱: 51jubao@service.netease.com</span>
        <span class="link">客服热线：95163298</span>
      </p>
      <p>
        <span class="link">互联网宗教信息服务许可证：浙（2022）0000120</span>
        <span class="link">增值电信业务经营许可证：浙B2-20150198</span>
        <span class="link">粤B2-20090191-18  工业和信息化部备案管理系统网站</span>
      </p>
      <p>
        <span class="link">网易公司版权所有©1997-2024</span>
        <span class="link">杭州乐读科技有限公司运营：</span>
        <span class="link">浙网文[2021] 1186-054号</span>
        <span class="police"></span>
        <span class="link ">浙公网安备 33010802013307号</span>
      </p>

    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style  scoped>
html,body{
padding: 0;
  margin: 0;
}
.footerbox {
  position: relative;
  height: 325px;
  overflow: hidden;
  border-top: 1px solid #d3d3d3;
  background: #f2f2f2;
  //margin-top: 350px;


}
.label{
  width: 980px;
  height: 71px;

}
ul{

  margin-left: 160px;
}
.enter{
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 33px;
}
.p1{
  background: url("@/assets/img/footer.png") no-repeat;
  background-size: 220px 220px;
  display: block;
  float: none;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  margin-left: 75px;
  background-position: -170px -5px;
}
.p2{
  background: url("@/assets/img/footer.png") no-repeat;
  background-size: 220px 220px;
  display: block;
  float: none;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  background-position: -5px -170px;
  margin-left: 75px;
}
.p3{
  background: url("@/assets/img/footer.png") no-repeat;
  background-size: 220px 220px;
  display: block;
  float: none;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  background-position: -5px -60px;
  margin-left: 75px;
}
.p4{
  background-image: url("@/assets/img/xStudio.png");
  background-size: 45px;
  display: block;
  float: none;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  margin-left: 75px;

}
.p5{
  background: url("@/assets/img/footer.png") no-repeat;
  background-size: 220px 220px;
  display: block;
  float: none;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  background-position: -60px -60px;
  margin-left: 75px;
}
.p6{
  background: url("@/assets/img/footer.png") no-repeat;
  background-size: 220px 220px;
  display: block;
  float: none;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  background-position: -170px -115px;
  margin-left: 75px;
}
.p7{
  background-image: url("@/assets/img/cloudSong.png");
  background-size: 45px;
  display: block;
  float: none;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  margin-left: 75px;
}
.p8{
  background: url("@/assets/img/footer.png") no-repeat;
  background-size: 220px 220px;
  display: block;
  float: none;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  background-position: -170px -115px;
  margin-left: 75px;
}
.tt{
  display: inline-block;
  width: 100px;
  margin-top: 50px;
  margin-left: -27.5px;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: rgba(0,0,0, 0.5);

}
.copy{
  width: 980px;
  height: 160px;
  adding-top: 60px;
  line-height: 24px;
  margin: 0 auto;
  text-align: center;
}
p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  color: #666666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  margin-left: -112px;
padding: 0;
}
.link{
  margin-left: 15px;
}
.police{
  margin-left: 15px;
  font-size: 0;
  width: 14px;
  height: 14px;
  background: url("@/assets/img/police.png") no-repeat;
  background-size: cover;
  display: inline-block;
  margin-right: -14px;
  vertical-align: -2px;
}
</style>
